<template>
  <div id="detailslist"> 

          <el-table :data="datalist" style="width: 100%" :height="dtheight" :header-cell-style="{background:'#4F81BC',color:'white'}"
          :row-class-name="tableRowClassName"  :border="true">

                <el-table-column label="日期"  align='center' >                   
                    <template slot-scope="scope">                   
                        <span>{{ scope.row.date }}</span>
                    </template>
                </el-table-column>
                 <el-table-column label="新增留存"  align='center' >                   
                    <template slot-scope="scope">                   
                        <span>{{ scope.row.new_add_keep }}</span>
                    </template>
                </el-table-column>
                <el-table-column label="新增流失"  align='center' >                   
                    <template slot-scope="scope">                   
                        <span>{{ scope.row.new_add_loss }}</span>
                    </template>
                </el-table-column>
                <el-table-column label="流失数量"  align='center' >                   
                    <template slot-scope="scope">                   
                        <span>{{ scope.row.loss_count }}</span>
                    </template>
                </el-table-column>
                <el-table-column label="回归数量"  align='center' >                   
                    <template slot-scope="scope">                   
                        <span>{{ scope.row.comeback_count }}</span>
                    </template>
                </el-table-column>

            </el-table>  
                    

   </div>
</template>

<script>

export default {
   name: 'detailslist',
   props:{
      datalist:{  
        //type:Array,
       default:()=>[]
     },
  },
  data () {
    return {
        dtheight:'500',  //窗口高度
        page:1,
        count:0,
    }
  },
   components:{

  },
  created(){
     this.dtheight = window.innerHeight - 200
      
  },
  mounted (){
    
  },
  methods: {
       
  }
}
</script>


<style scoped>

</style>